<div><p class="message_system" v-show="isShowHis()">没有用户接入聊天</p>
    <div v-show="permBtn" class="queue-btn"><div @click="changePerm(0)" class="common-queue">普通队列</div><div @click="changePerm(1)" class="perm-queue">专属队列</div></div>
    <div  v-for="sessionMsg in msgs" v-show="!isShowHis()">
        <p class="message_system" v-show="sessionMsg.msgs.length > 0  && perm == 0" v-text="showTips(sessionMsg)"></p>
        <div class="chat_view">
            <div class="msg_container">
                <div v-for="msg in sessionMsg.msgs" v-show="sessionMsg.msgs.length > 0" class="message" :class="isClient(msg.userId, sessionMsg.users) ? '' : 'me'" v-bind:data-clientFrom="sessionMsg.users.client.from" v-bind:data-mag="JSON.stringify(msg)" v-bind:data-clientId="sessionMsg.sessionInfo.clientId" v-bind:data-agentId="sessionMsg.sessionInfo.agentId" v-bind:data-user="msg.userId">
                    <img class="avatar" :src="filterHeadImage(msg.userId, sessionMsg.users)" class="avatar">
                    <div class="content">
                        <h4 class="nickname">{{filterShowName(msg.userId, sessionMsg.users) + " " + new Date(msg.postTime).format("HH:mm:ss")}}</h4>
                        <div class="bubble js_message_bubble" :class="isClient(msg.userId, sessionMsg.users) ? 'bubble_primary right' : 'bubble_default left' ">
                            <div class="bubble_cont">
                                <div class="plain">
                                    <pre class="js_message_plain"  v-html="filterMsg(msg.message)"></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        //<p class="message_system" v-show="showCloseBy(sessionMsg)">关闭人:{{(sessionMsg.sessionInfo.closeBy == sessionMsg.sessionInfo.clientId)?sessionMsg.sessionInfo.clientId:sessionMsg.sessionInfo.agentId }}</p>
    </div>
    <div class="footer" v-show="isShowBtnFn()">
        <div class="footButtonContainer" style="display:block">
            <a href="javascript:;" class="btn prevBtn" v-show="prevbtn" v-on:click="prePage" title="上一页">上一页</a>
            <a href="javascript:;" class="btn nextBtn" v-show="nextbtn" v-on:click="nextPage" title="下一页">下一页</a>
        </div>
    </div>
</div>